
<template tag="以下文档内容为hycli自动生成">
  <div>
  <el-dialog
    v-model="conf.visible"
    :title="title"
    draggable
    align-center="true"
    width="68%"
    :close-on-click-modal="false"

  >
    <el-tabs v-model="conf.selected">
      <el-tab-pane label="详情" name="aaahk">
<el-row :gutter="24" style="font-size: 0.7rem;">
  <el-col :span="4" class="text-right" style="min-height:26px">编号:</el-col>
  <el-col :span="8" v-text="view.deploy_id||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">上线计划:</el-col>
  <el-col :span="8" v-text="view.plan_id_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">版本:</el-col>
  <el-col :span="8" v-text="view.deloy_version||'-'" style="min-height:26px" :class="$js.page.colorful(view.deloy_version,'deloy_version')" ></el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">名称:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.name+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">预计开始:</el-col>
  <el-col :span="8" v-text="view.deloy_start||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">预计完成:</el-col>
  <el-col :span="8" v-text="view.deloy_finish||'-'" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">时长(小时):</el-col>
  <el-col :span="8" v-text="view.deloy_duration||'-'" style="min-height:26px" :class="$js.page.colorful(view.deloy_duration,'deloy_duration')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">发布类型:</el-col>
  <el-col :span="8" v-text="view.deloy_type_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">发布系统:</el-col>
  <el-col :span="8" v-text="view.deloy_system_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">前端:</el-col>
  <el-col :span="8" v-text="view.nmaster_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">后端:</el-col>
  <el-col :span="8" v-text="view.bmaster_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">流程:</el-col>
  <el-col :span="8" v-text="view.fmaster_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">部署:</el-col>
  <el-col :span="8" v-text="view.omaster_label" style="min-height:26px" :class="$js.page.colorful(view.omaster,'omaster')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">测试验收:</el-col>
  <el-col :span="8" v-text="view.tmaster_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">产品验收:</el-col>
  <el-col :span="8" v-text="view.pmaster_label" style="min-height:26px" :class="$js.page.colorful(view.pmaster,'pmaster')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">上线文档:</el-col>
  <el-col :span="8">
  <el-link target="_blank" type="success" v-if="view.url" :href="view.url" :title="view.url">查看</el-link> 
  </el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">状态:</el-col>
  <el-col :span="8" v-text="view.status_label" style="min-height:26px" :class="$js.page.colorful(view.status,'status')" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建人:</el-col>
  <el-col :span="8" v-text="view.creator_label" style="min-height:26px" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">创建时间:</el-col>
  <el-col :span="8" v-text="view.create_time||'-'" style="min-height:26px" ></el-col>
  <el-col :span="12"></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">发布风险:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.effect_detail+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">发布内容:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.deloy_content+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">说明:</el-col>
  <el-col :span="20" style="min-height:26px" v-html="'<pre>'+view.memo+'</pre>'" ></el-col>
  <el-col :span="4" class="text-right" style="min-height:26px">业务线:</el-col>
  <el-col :span="8" v-text="view.lob_id_label" style="min-height:26px" ></el-col>
</el-row>
      </el-tab-pane>
    </el-tabs>
    <template #footer>
      <span style="height: 60px"> </span>
    </template>
  </el-dialog>
</div>
</template>
<script>
import gantt from "@/views/cmpnts/gantt.vue"
export default {
   components: {
    gantt,
  },
  data() {
    return {
        conf:{
        visible:false,
        
        selected:"aaahk",
      },
      title:"上线部署详情",
      form:{},
      view: {
        deploy_id:"",
        plan_id:"",
        deloy_version:"",
        name:"",
        deloy_start:"",
        deloy_finish:"",
        deloy_duration:"",
        deloy_type:"",
        deloy_system:"",
        nmaster:"",
        bmaster:"",
        fmaster:"",
        omaster:"",
        tmaster:"",
        pmaster:"",
        url:"",
        status:"",
        creator:"",
        create_time:"",
        effect_detail:"",
        deloy_content:"",
        memo:"",
        lob_id:"",
        },
      }
  },
  methods: {
  show_cmpnt_aaahj(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaahj.show(form)
  },
  show_cmpnt_aaahh(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaahh.show(form)
  },
  show_cmpnt_aaahg(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaahg.show(form)
  },
  show_cmpnt_aaahf(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaahf.show_aaahf(form)
  },
  show_cmpnt_aaahi(fm = {}){
    let form = Object.assign({},this.form)
    form = Object.assign(form,fm)
    this.$refs.cmpnt_aaahi.show_aaahi(form)
  },
 show(form) {
    this.conf.visible = true
    this.form = form
   let that = this;
   this.$theia.http
      .get("/ws/dev/deploy",form)
      .then((res) => {
        let item = Object.assign({}, res)
        item.plan_id_label = that.$theia.enum.getName("dev_plan",item.plan_id)
        item.deloy_type_label = that.$theia.enum.getName("deloy_type",item.deloy_type)
        item.deloy_system_label = that.$theia.enum.getName("olb_system",item.deloy_system)
        item.nmaster_label = that.$theia.enum.getName("dmaster",item.nmaster)
        item.bmaster_label = that.$theia.enum.getName("dmaster",item.bmaster)
        item.fmaster_label = that.$theia.enum.getName("dmaster",item.fmaster)
        item.omaster_label = that.$theia.enum.getName("dmaster",item.omaster)
        item.tmaster_label = that.$theia.enum.getName("tmaster",item.tmaster)
        item.pmaster_label = that.$theia.enum.getName("pmaster",item.pmaster)
        item.status_label = that.$theia.enum.getName("deploy_status",item.status)
        item.creator_label = that.$theia.enum.getName("user_account",item.creator)
        item.lob_id_label = that.$theia.enum.getName("my_business_line",item.lob_id)  
        item.name = (item.name||"")
        item.deloy_start = that.$theia.str.dateFormat(item.deloy_start,'MM/dd HH点')
        item.deloy_finish = that.$theia.str.dateFormat(item.deloy_finish,'MM/dd HH点')  
        item.deloy_system = (item.deloy_system||"")  
        item.url = (item.url||"")  
        item.effect_detail = (item.effect_detail||"")  
        item.deloy_content = (item.deloy_content||"")  
        item.memo = (item.memo||"")
        that.view = item
      })
      .catch((res) => {
        let code = res.response.status;
        let msg = `上线部署查询失败(${code})`;
        that.$notify.error({ title: "失败", message: msg, duration: 5000 });
      });
  },
  },
};
</script>
<style scoped>
/deep/.el-step__title{
    font-size: 0.8rem;
}
.steps{
  margin-top:8px;
  margin-bottom:  16px;
}
</style>